<template>
  <div>
    <p class="name">我是index</p>

  </div>
</template>

<script>

  export default {
    name: "index",
    mounted() {
      // this.$toast.success()
      // this.$dialog.alert({
      //   title: '标题',
      //   message: '弹窗内容'
      // }).then(() => {
      //   // on close
      //   console.log(12222);
      // });
      // this.$dialog.confirm({
      //   title: '标题',
      //   message: '弹窗内容'
      // }).then(() => {
      //   console.log('on confirm');
      // }).catch(() => {
      //   console.log('on cancel');
      // });
      this.$toast.loading({
        duration: 0,       // 持续展示 toast
        forbidClick: true, // 禁用背景点击
        loadingType: 'spinner',
      });
      setTimeout(()=>{
        this.$toast.clear()
      },500)

    }
  }
</script>

<style scoped lang="less">
  .name {
    font-size: 28px;
    border-bottom: 1px solid #ccc;
    height: 70px;
    line-height: 70px;
    z-index: 1000;
  }
</style>